/* 按钮样式 */
.btn-primary {
    /* 设置为内联块元素，允许设置宽高并在文本中对齐 */
    display: inline-block;

    /* 设置按钮顶部外边距 */
    margin-top: 2rem;

    /* 设置按钮内边距，上下 0.75rem，左右 1.5rem */
    padding: .75rem 1.5rem;

    /* 设置字体加粗 */
    font-weight: 600;

    /* 设置字体颜色为白色 */
    color: #fff;

    /* 设置按钮背景为半透明白色 */
    background: rgba(255, 255, 255, .15);

    /* 设置边框为略透明的白色 */
    border: 1px solid rgba(255, 255, 255, .3);

    /* 使用 CSS 变量设置圆角大小 */
    border-radius: var(--radius-lg);

    /* 移除文本下划线 */
    text-decoration: none;

    /* 添加背景模糊效果，类似玻璃磨砂质感 */
    backdrop-filter: blur(4px);

    /* 背景颜色变换添加过渡效果，提升交互体验 */
    transition: background .25s;
}

/* 鼠标悬停或键盘聚焦时的按钮状态 */
.btn-primary:hover,
.btn-primary:focus-visible {
    /* 提高背景透明度，增强可见性 */
    background: rgba(255, 255, 255, .25);
}
